<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-orientation" content="portrait">
		<meta name="full-screen" content="yes">
		<meta name="x5-fullscreen" content="true">
		<title>解决方案</title>
		<link rel="stylesheet" type="text/css" href="../css/m/solve-scheme.css" />
		<link rel="stylesheet" type="text/css" href="../css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper-3.3.1.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper.animate1.0.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="application/javascript">
			$(function() {
				var width = $(document).width();
				if (width > 640) {
					width = 640;
				}
				var fontSize = (width / 320 * 20);
				$('html').css('font-size', fontSize);
			});
		</script>
	</head>

	<body>
		<div class="main">
			<div class="nav">
				<ul>
					<a href="index.html">
						<li>首页<span>|</span></li>
					</a>
					<a href="popup-puzzle.html">
						<li>福利难题<span>|</span></li>
					</a>
					<a href="solve-scheme.html">
						<li>解决方案<span>|</span></li>
					</a>
					<a href="added-services.html">
						<li>增值服务<span>|</span></li>
					</a>
					<a href="contact-us.html">
						<li>联系我们</li>
					</a>
				</ul>
			</div>

			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiper-slide1">
						<div class="talisman">
							<div class="close">
								<a href="index.html"><img src="../images/m/close-icon.png" /></a>
							</div>
							<div class="talisman1">
								<div class="talisman1-label">
									<p>法宝一</p>
								</div>
								<div class="title">
									<img src="../images/m/talisman1-title-img.png" />
									<p>满意的<br />发放效果</p>
								</div>
								<div class="talisman1-content">
									<p class="content1">免费获得企业专属福利平台</p>
									<p class="content2">上千种产品供挑选</p>
									<p class="content3">全国范围内免费配送上门</p>
									<p class="content4">15天无理由退换货</p>
								</div>
							</div>
							<div class="talisman2">
								<div class="talisman2-label">
									<p>法宝二</p>
								</div>
								<div class="title">
									<p>放心的超值产品</p>
								</div>
								<div class="talisman2-content">
									<div class="content1">
										<img src="../images/m/talisman2-content-icon.png" />
										<p>国际国内知名品牌</p>
									</div>
									<div class="content2">
										<img src="../images/m/talisman2-content-icon.png" />
										<p>名优名品一网打尽</p>
									</div>
									<div class="content3">
										<img src="../images/m/talisman2-content-icon.png" />
										<p>价格优于主流电商</p>
									</div>
									<div class="content4">
										<img src="../images/m/talisman2-content-icon.png" />
										<p>海量优惠，定期更新</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide swiper-slide2">
						<div class="talisman">
							<div class="close">
								<a href="index.html"><img src="../images/m/close-icon.png" /></a>
							</div>
							<div class="talisman3">
								<div class="talisman3-label">
									<p>法宝三</p>
								</div>
								<div class="title">
									<p>高效的<br />管理系统</p>
								</div>
								<div class="talisman3-content">
									<p class="content1">定时发放<br />员工生日<br />节日礼更便捷</p>
									<p class="content2">一站式外包<br />省心省力</p>
									<p class="content3">兑换记录<br />实时更新<br />一目了然</p>
									<p class="content4">发放及时<br />一秒送达</p>
								</div>
							</div>
							<div class="talisman4">
								<div class="talisman4-label">
									<p>法宝四</p>
								</div>
								<div class="title">
									<p>领先的积分<br/>制管理</p>
								</div>
								<div class="talisman4-content">
									<p class="content1">操作简单<br />灵活<br />可以每年投入<br />或定期投入</p>
									<p class="content2">弹性选择<br />灵活组合的<br />自主化福利<br />平台</p>
									<p class="content3">企业成本<br />最小化<br />员工满意度<br />最大化</p>
									<p class="content4">制定额度<br/>灵活<br/>配合企业<br />预算</p>
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide swiper-slide3">
						<div class="talisman">
							<div class="close">
								<a href="index.html"><img src="../images/m/close-icon.png" /></a>
							</div>
							<div class="talisman5">
								<div class="talisman5-label">
									<p>法宝五</p>
								</div>
								<div class="title">
									<img src="../images/m/character-img.png"/>
									<p>个性的企业<br />定制服务</p>
								</div>
								<div class="talisman5-content">
									<p class="content1">企业员工生日福利<br />解决方案</p>
									<p class="content2">企业<br/>年节<br/>福利<br />解决<br />方案</p>
									<p class="content3">企业客户回馈<br />解决方案</p>
									<p class="content4">企业<br />激励<br />解决<br />方案</p>
								</div>
							</div>
							<div class="service">
								<div class="service1-label">
									<p>更多惊喜</p>
								</div>
								<div class="service1-content">
									<p class="content1">积分使用<br />记录透明<br />可查</p>
									<p class="content2">发放积分<br />透明可查</p>
									<p class="content3">消费积分<br />透明可查</p>
								</div>
								<div class="title">
									<img src="../images/m/data-bg.png"/>
									<p>消费数据透明</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-pagination" style="z-index: 999999;position: absolute !important;top: 14rem !important;"></div>
			</div>
			<script language="javascript">
				var mySwiper = new Swiper('.swiper-container', {
					direction: 'vertical',
					//						loop: true,
					paginationClickable: true,
					pagination: '.swiper-pagination',
					paginationBulletRender: function(index, className) {
						return '<span class="' + className + '"></span>';
					}
				})
			</script>
		</div>
	</body>

</html>